<!DOCTYPE html>
<html>

<head>
    <title>订单统计</title>
    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/css/main.css">
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <!-- Latest compiled and minified CSS -->
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.1.1/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="dist/bootstrap-table.min.css">
    <script src="/dist/bootstrap-table.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.12.2/locale/bootstrap-table-zh-CN.min.js"></script>
    <!-- 引入样式 -->
</head>

<body>
    <div class="navTop">
        <a href="#" class="logoimg"><img src="/img/logo.png" alt=""></a>
        <div class="nav_right">
            <a href="/home" class="nav_icon indexicon"></a>
            <a href="/member.html" class="nav_icon userlisticon"></a>
            <a href="/host.html" class="nav_icon servericon"></a>
            <a href="javascript:void(0);" class="nav_icon logouticon"></a>
        </div>
    </div>
    <div class="mainContent">
        <div class="mainContent_box">
            <h3 class="listTitle">用户信息列表</h3>
            <div class="listBox">
                <table id="table" data-height="800" data-align="center" data-toggle="table" data-striped="false" data-classes="table table-hover">
                </table>
            </div>
        </div>
    </div>
</body>

</html>
<script type="text/javascript">
$('#table').bootstrapTable({
    url: "/home/order-list" + window.location.search,
    align: "center",
    columns: [{
        field: 'order_sn',
        title: '订单号',
        align: 'center'
    }, {
        field: 'mark',
        title: '订单说明',
        align: 'center'
    }, {
        field: 'total_fee',
        title: '订单金额',
        align: 'center'
    }, {
        field: 'pay_name',
        title: '支付方式',
        align: 'center'
    }, {
        field: 'nickname',
        title: '订单所属人',
        align: 'center'
    }, {
        field: 'create_time',
        title: '订单创建时间',
        align: 'center'
    }]
});
</script>